/************************************************
  **********       作者:邓琪昌         **********
   **********     版本号:1.0.0        **********
   *********************************************/
/* #ifndef APP-PLUS-NVUE */
	view {display: flex;flex-direction: column;position: relative;}
	button::after{border:none;}
	page{background-color: $unify-light-page;}
	/* #endif */
/* ====================
		容器属性
======================= */
/* ===超出换行=== */
/* 如果存在direction:ltr，则从左到右排布；如果存在direction:rtl，则从右到左排布,默认direction:ltr。 */
.row-wrap{flex-direction: row !important;flex-wrap: wrap;}
/* 排布方向与flex-direction:row相反 */
.row-reverse-wrap{flex-direction: row-reverse !important;flex-wrap: wrap;}
/* 从下到上排布 */
.column-reverse{flex-direction: column-reverse !important}
/* ===超出不换行=== */
/* //如果存在direction:ltr，则从左到右排布；如果存在direction:rtl，则从右到左排布,默认direction:ltr。 */
.row-nowrap{flex-direction: row !important;flex-wrap: nowrap;}
/* 排布方向与flex-direction:row相反 */
.row-reverse-nowrap{flex-direction: row-reverse !important;flex-wrap: nowrap;}

/* ====================
		横向布局
 ======================*/
/* ===不换行=== */
/* 是默认值，所有的 flex 成员项都排列在容器的前部（默认） */
.row-x-start{flex-direction: row !important;justify-content: flex-start;}
/* 成员项排列在容器的后部 */
.row-x-end{flex-direction: row !important;justify-content: flex-end;}
/* 成员项排列在容器居中 */
.row-x-center{flex-direction: row !important;justify-content: center;}
/* 横向两端对齐,位于各行之间留有空白的容器内 */
.row-space-between{flex-direction: row !important;justify-content: space-between;}
/* 横向两端对齐,位于各行之前、之间、之后都留有空白的容器内 */
.row-space-around{flex-direction: row !important;justify-content: space-around;}

/* ===换行=== */
/* 是默认值，所有的 flex 成员项都排列在容器的前部（默认） */
.column-y-start{justify-content: flex-start;}
/* 成员项排列在容器的后部 */
.column-y-end{justify-content: flex-end;}
/* 成员项排列在容器垂直中间 */
.column-y-center{justify-content: center;}

/* ====================
		纵向布局
 ======================*/
/* ===不换行=== */
/* 则是上对齐，所有的成员项排列在容器顶部； */
.row-y-start{flex-direction: row !important;align-items: flex-start !important;}
/* 是中间对齐，所有成员项都垂直地居中显示。 */
.row-y-center{flex-direction: row !important;align-items: center !important;}
/* 是底部对齐，所有成员项都垂直地居底显示。 */
.row-y-end{flex-direction: row !important;align-items: flex-end !important;}

/* ===换行=== */
/* 则是上对齐，所有的成员项排列在容器顶部； */
.column-x-start{align-items: flex-start !important;}
/* 是中间对齐，所有成员项都垂直地居中显示。 */
.column-x-center{align-items: center !important;}
/* 是底部对齐，所有成员项都垂直地居底显示。 */
.column-x-end{align-items: flex-end !important;}

/* ====================
		内、外边距
 ======================*/
$distance-map:(
	xs:$unify-distance-xs,
	sm:$unify-distance-sm,
	md:$unify-distance-md,
	lg:$unify-distance-lg,
	xl:$unify-distance-xl,
);
@each $size in xs,sm,md,lg,xl {
	/* 外边距 */
	.margin-#{$size} {margin: map-get($map: $distance-map, $key: $size);}
	/* 外边距顶部距离 */
	.margin-top-#{$size} {margin-top: map-get($map: $distance-map, $key: $size);}
	/* 外边距底部距离 */
	.margin-bottom-#{$size} { margin-bottom: map-get($map: $distance-map, $key: $size);}
	/* 外边距左边距离 */
	.margin-left-#{$size} {margin-left: map-get($map: $distance-map, $key: $size);}
	/* 外边距右边距离 */
	.margin-right-#{$size} {margin-right: map-get($map: $distance-map, $key: $size);}
	/* 水平方向外边距 */
	.margin-lr-#{$size} {margin-left: map-get($map: $distance-map, $key: $size);margin-right: map-get($map: $distance-map, $key: $size);}
	/* 左右上方向外边距 */
	.margin-lrt-#{$size} {margin-left: map-get($map: $distance-map, $key: $size);margin-right: map-get($map: $distance-map, $key: $size);margin-top: map-get($map: $distance-map, $key: $size);}
	/* 左右下方向外边距 */
	.margin-lrb-#{$size} {margin-left: map-get($map: $distance-map, $key: $size);margin-right: map-get($map: $distance-map, $key: $size);margin-bottom: map-get($map: $distance-map, $key: $size);}
	/* 垂直方向外边距 */
	.margin-tb-#{$size} {margin-top: map-get($map: $distance-map, $key: $size);margin-bottom: map-get($map: $distance-map, $key: $size);}
	/* 内边距*/
	.padding-#{$size} {padding: map-get($map: $distance-map, $key: $size);}
	/* 内边距顶部距离 */
	.padding-top-#{$size} {padding-top: map-get($map: $distance-map, $key: $size);}
	/* 内边距底部距离 */
	.padding-bottom-#{$size} { padding-bottom: map-get($map: $distance-map, $key: $size);}
	/* 内边距左边距离 */
	.padding-left-#{$size} {padding-left: map-get($map: $distance-map, $key: $size);}
	/* 内边距右边距离 */
	.padding-right-#{$size} {padding-right: map-get($map: $distance-map, $key: $size);}
	/* 水平方向内边距 */
	.padding-lr-#{$size} {padding-left: map-get($map: $distance-map, $key: $size);padding-right: map-get($map: $distance-map, $key: $size);}
	/* 左右上方向内边距 */
	.padding-lrt-#{$size} {padding-left: map-get($map: $distance-map, $key: $size);padding-right: map-get($map: $distance-map, $key: $size);padding-top: map-get($map: $distance-map, $key: $size);}
	/* 左右下方向内边距 */
	.padding-lrb-#{$size} {padding-left: map-get($map: $distance-map, $key: $size);padding-right: map-get($map: $distance-map, $key: $size);padding-bottom: map-get($map: $distance-map, $key: $size);}
	/* 垂直方向内边距 */
	.padding-tb-#{$size} {padding-top: map-get($map: $distance-map, $key: $size);padding-bottom: map-get($map: $distance-map, $key: $size);}
}

/* ====================
		文字尺寸
 ======================*/
$text-map:(
	xs:$unify-text-xs,
	sm:$unify-text-sm,
	md:$unify-text-md,
	lg:$unify-text-lg,
	xl:$unify-text-xl,
);
@each $size in xs,sm,md,lg,xl {
	.text-#{$size} {font-size: map-get($map: $text-map, $key: $size) !important;}
}

/* ====================
		圆角尺寸
 ======================*/
$radiusSize-map:(
	xs:$unify-radius-xs,
	sm:$unify-radius-sm,
	md:$unify-radius-md,
	lg:$unify-radius-lg,
	xl:$unify-radius-xl,
);
@each $size in xs,sm,md,lg,xl {
	/* 全角 */
	.radius-#{$size} {border-radius: map-get($map: $radiusSize-map, $key: $size);}
	/* 左上角 */
	.radius-lt-#{$size} {border-top-left-radius: map-get($map: $radiusSize-map, $key: $size);}
	/* 上左右角 */
	.radius-lrt-#{$size} {border-top-left-radius: map-get($map: $radiusSize-map, $key: $size);border-top-right-radius: map-get($map: $radiusSize-map, $key: $size);}
	/* 右上角 */
	.radius-rt-#{$size} {border-top-right-radius: map-get($map: $radiusSize-map, $key: $size);}
	/* 左下角 */
	.radius-rb-#{$size} {border-bottom-right-radius: map-get($map: $radiusSize-map, $key: $size);}
	/* 下左右角 */
	.radius-lrb-#{$size} {border-bottom-right-radius: map-get($map: $radiusSize-map, $key: $size);border-bottom-left-radius: map-get($map: $radiusSize-map, $key: $size);}
	/* 右下角 */
	.radius-lb-#{$size} {border-bottom-left-radius: map-get($map: $radiusSize-map, $key: $size);}
}

/* ====================
		头像尺寸
 ======================*/
$image-map:(
	xs:$unify-image-xs,
	sm:$unify-image-sm,
	md:$unify-image-md,
	lg:$unify-image-lg,
	xl:$unify-image-xl,
);
@each $size in xs,sm,md,lg,xl {
	.image-#{$size} {width: map-get($map: $image-map, $key: $size);height: map-get($map: $image-map, $key: $size);}
}

/* ====================
		定位
 ======================*/
.position-absolute{position: absolute !important;}/* 绝对定位 */
.position-absolute-lt{position: absolute !important;left: 0;top: 0;}/* 左上角 */
.position-absolute-rt{position: absolute !important;right: 0;top: 0;}/* 右上角 */
.position-absolute-lb{position: absolute !important;left: 0;bottom: 0;}/* 左下角 */
.position-absolute-rb{position: absolute !important;right: 0;bottom: 0;}/* 右下角 */
/* 保证元素在页面窗口中的对应位置显示 */
.position-fixed{position: fixed !important;}
/* 指的是仅当元素滚动到页面之外时，元素会固定在页面窗口的顶部 */
.position-sticky{position: sticky !important;}

/* ==============================================
		背景颜色（main:主色 / auxiliary:辅助色）
 =================================================*/
 /* 主色*/
.bg-main-theme{background-color: $unify-color-main-theme;}/* 主题颜色 */
.bg-main-red{background-color: $unify-color-main-red;}/* 红色 */
.bg-main-orange{background-color: $unify-color-main-orange;}/* 橙色 */
.bg-main-yellow{background-color: $unify-color-main-yellow;}/* 黄色 */
.bg-main-green{background-color: $unify-color-main-green;}/* 绿色 */
.bg-main-cyan{background-color: $unify-color-main-cyan;}/* 青色 */
.bg-main-blue{background-color: $unify-color-main-blue;}/* 蓝色 */
.bg-main-purple{background-color: $unify-color-main-purple;}/* 紫色 */
/* 辅助色 */
.bg-auxiliary-theme{background-color: $unify-color-auxiliary-theme;}/* 辅助主题颜色 */
.bg-auxiliary-red{background-color: $unify-color-auxiliary-red;}/* 辅助红色 */
.bg-auxiliary-orange{background-color: $unify-color-auxiliary-orange;}/* 辅助橙色 */
.bg-auxiliary-yellow{background-color: $unify-color-auxiliary-yellow;}/* 辅助黄色 */
.bg-auxiliary-green{background-color: $unify-color-auxiliary-green;}/* 辅助绿色 */
.bg-auxiliary-cyan{background-color: $unify-color-auxiliary-cyan;}/* 辅助青色 */
.bg-auxiliary-blue{background-color: $unify-color-auxiliary-blue;}/* 辅助蓝色 */
.bg-auxiliary-purple{background-color: $unify-color-auxiliary-purple;}/* 辅助紫色 */
/* 颜色层次（黑--->白） */
.bg-black{background-color: $unify-color-black;}/* 黑色 */
.bg-dark{background-color: $unify-color-dark;}/* 黑灰色 */
.bg-gray{background-color: $unify-color-gray;}/* 灰色 */
.bg-silver{background-color: $unify-color-silver;}/* 银色 */
.bg-white{background-color: $unify-color-white;}/* 白色 */

/* ============================================
		字体颜色（main:主色 / auxiliary:辅助色）
 ==============================================*/
 /* 主色*/
.color-main-theme{color: $unify-color-main-theme;}/* 主题字体颜色 */
.color-main-red{color: $unify-color-main-red;}/* 红色 */
.color-main-orange{color: $unify-color-main-orange;}/* 橙色 */
.color-main-yellow{color: $unify-color-main-yellow;}/* 黄色 */
.color-main-green{color: $unify-color-main-green;}/* 绿色 */
.color-main-cyan{color: $unify-color-main-cyan;}/* 青色 */
.color-main-blue{color: $unify-color-main-blue;}/* 蓝色 */
.color-main-purple{color: $unify-color-main-purple;}/* 紫色 */
/* 辅助色 */
.color-auxiliary-theme{color: $unify-color-auxiliary-theme;}/* 辅助主题字体颜色 */
.color-auxiliary-red{color: $unify-color-auxiliary-red;}/* 辅助红色 */
.color-auxiliary-orange{color: $unify-color-auxiliary-orange;}/* 辅助橙色 */
.color-auxiliary-yellow{color: $unify-color-auxiliary-yellow;}/* 辅助黄色 */
.color-auxiliary-green{color: $unify-color-auxiliary-green;}/* 辅助绿色 */
.color-auxiliary-cyan{color: $unify-color-auxiliary-cyan;}/* 辅助青色 */
.color-auxiliary-blue{color: $unify-color-auxiliary-blue;}/* 辅助蓝色 */
.color-auxiliary-purple{color: $unify-color-auxiliary-purple;}/* 辅助紫色 */
/* 颜色层次（黑--->白） */
.color-black{color: $unify-color-black;}/* 黑色 */
.color-dark{color: $unify-color-dark;}/* 黑灰色 */
.color-gray{color: $unify-color-gray;}/* 灰色 */
.color-silver{color: $unify-color-silver;}/* 银色 */
.color-white{color: $unify-color-white;}/* 白色 */

/* =====================
		渐变背景颜色
 =======================*/
 /* 主题色渐变*/
 .bg-gradually-theme-top{background-image: linear-gradient(to top, $unify-color-main-theme, $unify-color-auxiliary-theme);}
 .bg-gradually-theme-bottom{background-image: linear-gradient(to bottom, $unify-color-main-theme, $unify-color-auxiliary-theme);}
 .bg-gradually-theme-left{background-image: linear-gradient(to left, $unify-color-main-theme, $unify-color-auxiliary-theme);}
 .bg-gradually-theme-right{background-image: linear-gradient(to right, $unify-color-main-theme, $unify-color-auxiliary-theme);}
  /* 红色渐变*/
 .bg-gradually-red-top{background-image: linear-gradient(to top, $unify-color-main-red, $unify-color-auxiliary-red);}
 .bg-gradually-red-bottom{background-image: linear-gradient(to bottom, $unify-color-main-red, $unify-color-auxiliary-red);}
 .bg-gradually-red-left{background-image: linear-gradient(to left, $unify-color-main-red, $unify-color-auxiliary-red);}
 .bg-gradually-red-right{background-image: linear-gradient(to right, $unify-color-main-red, $unify-color-auxiliary-red);}
   /* 橙色渐变*/
 .bg-gradually-orange-top{background-image: linear-gradient(to top, $unify-color-main-orange, $unify-color-auxiliary-orange);}
 .bg-gradually-orange-bottom{background-image: linear-gradient(to bottom, $unify-color-main-orange, $unify-color-auxiliary-orange);}
 .bg-gradually-orange-left{background-image: linear-gradient(to left, $unify-color-main-orange, $unify-color-auxiliary-orange);}
 .bg-gradually-orange-right{background-image: linear-gradient(to right, $unify-color-main-orange, $unify-color-auxiliary-orange);}
   /* 黄色渐变*/
 .bg-gradually-yellow-top{background-image: linear-gradient(to top, $unify-color-main-yellow, $unify-color-auxiliary-yellow);}
 .bg-gradually-yellow-bottom{background-image: linear-gradient(to bottom, $unify-color-main-yellow, $unify-color-auxiliary-yellow);}
 .bg-gradually-yellow-left{background-image: linear-gradient(to left, $unify-color-main-yellow, $unify-color-auxiliary-yellow);}
 .bg-gradually-yellow-right{background-image: linear-gradient(to right, $unify-color-main-yellow, $unify-color-auxiliary-yellow);}
   /* 绿色渐变*/
 .bg-gradually-green-top{background-image: linear-gradient(to top, $unify-color-main-green, $unify-color-auxiliary-green);}
 .bg-gradually-green-bottom{background-image: linear-gradient(to bottom, $unify-color-main-green, $unify-color-auxiliary-green);}
 .bg-gradually-green-left{background-image: linear-gradient(to left, $unify-color-main-green, $unify-color-auxiliary-green);}
 .bg-gradually-green-right{background-image: linear-gradient(to right, $unify-color-main-green, $unify-color-auxiliary-green);}
   /* 青色渐变*/
 .bg-gradually-cyan-top{background-image: linear-gradient(to top, $unify-color-main-cyan, $unify-color-auxiliary-cyan);}
 .bg-gradually-cyan-bottom{background-image: linear-gradient(to bottom, $unify-color-main-cyan, $unify-color-auxiliary-cyan);}
 .bg-gradually-cyan-left{background-image: linear-gradient(to left, $unify-color-main-cyan, $unify-color-auxiliary-cyan);}
 .bg-gradually-cyan-right{background-image: linear-gradient(to right, $unify-color-main-cyan, $unify-color-auxiliary-cyan);}
   /* 蓝色渐变*/
 .bg-gradually-blue-top{background-image: linear-gradient(to top, $unify-color-main-blue, $unify-color-auxiliary-blue);}
 .bg-gradually-blue-bottom{background-image: linear-gradient(to bottom, $unify-color-main-blue, $unify-color-auxiliary-blue);}
 .bg-gradually-blue-left{background-image: linear-gradient(to left, $unify-color-main-blue, $unify-color-auxiliary-blue);}
 .bg-gradually-blue-right{background-image: linear-gradient(to right, $unify-color-main-blue, $unify-color-auxiliary-blue);}
   /* 紫色渐变*/
 .bg-gradually-purple-top{background-image: linear-gradient(to top, $unify-color-main-purple, $unify-color-auxiliary-purple);}
 .bg-gradually-purple-bottom{background-image: linear-gradient(to bottom, $unify-color-main-purple, $unify-color-auxiliary-purple);}
 .bg-gradually-purple-left{background-image: linear-gradient(to left, $unify-color-main-purple, $unify-color-auxiliary-purple);}
 .bg-gradually-purple-right{background-image: linear-gradient(to right, $unify-color-main-purple, $unify-color-auxiliary-purple);}

/* =====================
		边框颜色
 =======================*/
/* 主色边框 */
.border-main-theme{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-main-theme !important;}
.border-main-red{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-main-red !important;}
.border-main-orange{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-main-orange !important;}
.border-main-yellow{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-main-yellow !important;}
.border-main-green{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-main-green !important;}
.border-main-cyan{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-main-cyan !important;}
.border-main-blue{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-main-blue !important;}
.border-main-purple{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-main-purple !important;}
/* 辅色边框 */
.border-auxiliary-theme{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-auxiliary-theme !important;}
.border-auxiliary-red{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-auxiliary-red !important;}
.border-auxiliary-orange{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-auxiliary-orange !important;}
.border-auxiliary-yellow{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-auxiliary-yellow !important;}
.border-auxiliary-green{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-auxiliary-green !important;}
.border-auxiliary-cyan{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-auxiliary-cyan !important;}
.border-auxiliary-blue{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-auxiliary-blue !important;}
.border-auxiliary-purple{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-auxiliary-purple !important;}

/* ========================
		基础CLASS配置
 ==========================*/
 //页面背景色与点击状态颜色
 .light-hover{background-color: $unify-light-hover;}
 .light-page{background-color: $unify-light-page;}
 //分割线
 .divider{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-light-divider !important;}
 .divider-left{border-left-width: 2rpx !important;border-left-style: solid !important;border-left-color: $unify-light-divider !important;}
 .divider-right{border-right-width: 2rpx !important;border-right-style: solid !important;border-right-color: $unify-light-divider !important;}
 .divider-top{border-top-width: 2rpx !important;border-top-style: solid !important;border-top-color: $unify-light-divider !important;}
 .divider-bottom{border-bottom-width: 2rpx !important;border-bottom-style: solid !important;border-bottom-color: $unify-light-divider !important;}
/* =====================
		基础CLASS
 =======================*/
 /* 超出行数隐藏（ellipsis-{1-9}）*/
 @for $i from 1 through 10 {
   .ellipsis-#{$i} {
 	  overflow: hidden;
 	  text-overflow: ellipsis !important;
 	  /* #ifndef APP-NVUE */
 	  display: -webkit-box;
 	  -webkit-box-orient: vertical;
 	  -webkit-line-clamp: $i !important;
 	  /* #endif */
 	  /* #ifdef APP-NVUE */
 	  lines: $i;
 	  /* #endif */
   }
 }
 /* flex-{1~9} */
 @for $i from 1 to 10 {.flex-#{$i}{flex: $i !important;}}
 /* 文字位置*/
 .text-center{text-align: center;}
 .text-left{text-align: left;}
 .text-right{text-align: right;}
 .text-bold{font-weight: bold;}
 .text-decoration{text-decoration:line-through}